<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
  <title>login</title>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/common.css">
  <script src="js/src.js"></script>
  <style>
    html {
      background: #fff;
    }

    .nativebar a{
      text-decoration: none;
      color: #fff;
    }
    .input_box{
      display: flex;
      align-items: center;
      border-bottom: 1px solid #e7e7e7;
    }
    .input_box .el-image{
      width: 30px;
      height: 30px;
    }
    .el-input__inner {
      border: none;
    }

    .dlzc {
      display: flex;
      justify-content: space-evenly;
      margin-top: 12px;
    }
    .dlzc a{
      width: 70%;
    }
    .dlzc .el-button{
      width: 100%;
    }
  </style>
</head>

<body>
  <div id="app">
    <div class="nativebar">
      <a href="./home.html">
        <i class="el-icon-arrow-left" style="font-size: 20px;"></i>
      </a>
      <span>登录</span>
      <a href="./register.html">注册</a>
    </div>
    <div style="height: 50px;"></div>
    <div style="padding: 24px;width: 100%;box-sizing: border-box;">
      <div class="input_box">
        <el-image src='./image/name.png'></el-image>
        <el-input type='text' placeholder='请输入账号'></el-input>
      </div>
      <div class="input_box">
        <el-image src='./image/password.png'></el-image>
        <el-input type='password' placeholder='请输入密码'></el-input>
      </div>
      <div class='dlzc'>
        <a href="./mine.html">
          <el-button style="background: #EA544A;color: #fff;">登录</el-button>
        </a>
      </div>
    </div>
  </div>
</body>
<script>
  //实例化一个Vue对象
  var vm = new Vue({
    el: "#app",
    data: {
    },
    mounted() {
    },
    methods: {
    }
  });

</script>

</html>